<template>
  <div class="demo">
    <div class="demo-title">自定义尺寸</div>
    <div class="demo-content">
      <Slider v-model:value="size" />
      <br />
      <br />
      <Space :size="size">
        <Button type="primary">Primary</Button>
        <Button>Default</Button>
        <Button type="dashed">Dashed</Button>
        <Button type="link">Link</Button>
      </Space>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Button from '@sscd/button';
  import Slider from '@sscd/slider';
  import Space from '@sscd/space';
  const size = ref(8);
</script>
